<template>
  <a-modal
      centered
      width="60%"
      :visible="runLotsMapModalVisible"
      @cancel="modalCancel"
  >
    <LotImg :lotId="clickLotId"></LotImg>
    <a-row>
      <a-col style="text-align: center">
        <span>{{'Inspection Die : '}}</span>
        <span style="color: #d9363e">{{lotMapForm.inspectionDie}}</span>
        <span>{{"      ;   "}}</span>
        <span>{{'Gross Die : '}}</span>
        <span style="color: #d9363e">{{lotMapForm.grossDie}}</span>
      </a-col>
    </a-row>
    <template  slot="footer">
      <a-button type="primary"  @click="modalConfirm">{{ $t('btn.confirm') }}</a-button>
    </template>
  </a-modal>
</template>

<script>
import {mapMutations, mapState} from "vuex";
import LotImg from "@/components/LotImg.vue";

export default {
name: "RunLotsMapModal",
  components: {LotImg},
  data() {
    return {

      labelCol: {span: 7},
      wrapperCol: {span: 16},
      windowHeight: document.documentElement.clientHeight,   //实时屏幕高度
    }
  },
  computed: {
    ...mapState('JsRunLot', ['queryForm', 'typeList', 'loadTable', 'lotMapForm', 'runLotsMapModalVisible','clickLotId']),
  },
  methods: {
    ...mapMutations('JsRunLot', ['queryLot', 'clickCell', 'cleanAll', 'modalConfirm', 'modalCancel']),

  },

}

</script>

<style scoped>

</style>